<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="checkbox" id="ck"  />
		<hr />
		<div id="div">
			<input type="checkbox"/><br />
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			<input type="checkbox" />
		</div>
	</body>
</html>
<!--1）给最上面的复选框绑定一个点击事件

​	2）当一点击最上面的复选框的时候立刻获取下面所有的复选框

​	3）遍历获取下面每个复选框

​	4）将最上面复选框此时checked的值赋值给下面每个复选框 -->
<script>
	let d=	document.getElementById("ck");
	d.onclick= function(){
	
	let a=	document.getElementById("div");
	let b=a.getElementsByTagName("input");
	for(let i=0;i<b.length;i++){
		let c=b[i];
		c.checked=this.checked;
	}
	}
</script>